<template>
  <ul class="mui-table-view">
      <li class="mui-table-view-cell">
          <p class="col-8 text3">
              <span class="color1">订单编号:</span>
              <span>{{maintenanceOrder.orderCode}}</span>
          </p>
          <p v-if="maintenanceOrder.orderStatus==1" class="col-4 untreated mui-text-right">待处理</p>
          <p v-if="maintenanceOrder.orderStatus==4" class="col-4 mui-text-right orderType notEvaluate">待评价</p>
      </li>
      <li class="mui-table-view-cell">
          <p class="col-8 font-normal">{{maintenanceOrder.orderCarBrand}}</p>
          <p class="col-4 mui-text-right">{{maintenanceOrder.orderCarMile}}km</p>
          <p class="col-8 font-light font-12">{{maintenanceOrder.orderCarBuyTime}}</p>
          <p class="col-4 font-light font-12 mui-text-right">行驶里程</p>
      </li>
      <li class="mui-table-view-cell mui-text-right">
          <span class="text3">共{{maintenanceOrder.orderServiceNum}}个项目</span>
          <span class="text3">合计:<strong class="font-18 font-normal">￥{{maintenanceOrder.orderPrice}}</strong></span>
      </li>
      <li class="mui-table-view-cell btn-bar">
          <button class="mui-btn mui-btn-primary mui-btn-outlined mui-pull-right text3-size">取消订单</button>
      </li>
  </ul>
</template>
<style scoped>
.btn-bar{height:1rem;}
</style>
<script type="text/ecmascript-6">
    export default{
      data(){
        return{
        }
      },
      props: ['maintenanceOrder']
    }
</script>
